@import "../../../assets/style/var.scss";

.ranking-offcial {
  padding: 0 $bothPadding;

  .offcial-tit {
    padding: 1.26rem 0 0.4rem 0;
    font-size: 0.52rem;
  }

  .offcial-content {
    .offcial-item {
      display: flex;

      .item-icon {
        width: 3.63rem;
        height: 3.63rem;
        position: relative;

        img {
          width: 100%;
          height: 100%;
          border-radius: 0.12rem;
          overflow: hidden;
          background-color: yellowgreen;
        }

        .item-icon-sub-tit {
          color: #fff;
          font-size: 0.36rem;
          position: absolute;
          bottom: 0.25rem;
          left: 0.18rem;
        }
      }

      .item-top-list {
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        margin-left: 0.46rem;

        .top-list-item {
          color: #666;
          // line-height: 0.42rem;
          font-size: 0.42rem;
        }
      }

      &:nth-of-type(n + 2) {
        margin-top: 0.3rem;
      }
    }
  }
}
